<!DOCTYPE html>
<html>

<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<title>设置</title>
	<link rel="stylesheet" href="css/amazeui.min.css" />
	<link rel="stylesheet" href="css/app.css" />
	<link rel="stylesheet" href="css/swiper-3.3.1.min.css" />
	<script src="assets/js/jquery.min.js" type="text/javascript"></script>
	<script src="js/amazeui.min.js" type="text/javascript"></script>

	<style>
		body {
			max-width: 640px;
			margin: 0 auto;
			font-size: 10px;
			background: #f1f1f1;
		}

		* {
			box-sizing: border-box;
		}

		[class*=am-u-] {
			padding: 0;
		}

		#clipArea {
			margin: 20px;
			height: 300px;
		}

		#file,
		#clipBtn {
			margin: 10px;
		}

		#view {
			margin: 0 auto;
			width: 200px;
			height: 200px;
		}
	</style>
</head>

<body>
	<!--头部-->
	<header class="am-u">
		<div class="am-u-sm-12 head_nav" style="margin:0;">
			<div class="am-u-sm-2 am-vertical-align" style="text-align: center;">
				<a href="Rname.html">
					<img src="img/return@2x.png" class="am-vertical-align-middle" alt="" />
				</a>
			</div>
			<div class="am-u-sm-8 head_text">
				设置
			</div>
			<div class="am-u-sm-2">

			</div>
		</div>
	</header>
	<div style="clear: both;"></div>
	<div class="am-u">
		<div class="am-u-sm-12" style="padding: 10px;">
			<div class="am-u-sm-6">
				<img src="img/idcard@2x.png" alt="" style="width: 100%;" id="1011" onclick="javascript:imgsc(this);" />
				<div style="text-align: center;padding: 10px 0 10px 0;">
					<span style="font-size: 16px;">身份证正面 </span>
				</div>
			</div>
			<div class="am-u-sm-6">
				<img src="img/theidcard@2x.png" alt="" style="width: 100%;" id="1012" onclick="javascript:imgsc(this);" />
				<div style="text-align: center;padding: 10px 0 10px 0;">
					<span style="font-size: 16px;">身份证反面</span>
				</div>
			</div>
		</div>
		<div class="am-u-sm-12" style="padding: 10px;padding-top: 0;">
			<div class="am-u-sm-6">
				<img src="img/bankcard@2x.png" alt="" style="width: 100%;" id="1020" onclick="javascript:imgsc(this);" />
				<div style="text-align: center;padding: 10px 0 10px 0;">
					<span style="font-size: 16px;">银行卡正面 </span>
				</div>
			</div>
			<div class="am-u-sm-6">
				<img src="img/thebankcard@2x.png" alt="" style="width: 100%;" id="1021" onclick="javascript:imgsc(this);" />
				<div style="text-align: center;padding: 10px 0 10px 0;">
					<span style="font-size: 16px;">银行卡反面</span>
				</div>
			</div>
		</div>
		<div class="am-u-sm-12" style="padding: 10px;padding-top: 0;">
			<div class="am-u-sm-6" style="margin-left: 25%;">
				<img src="img/handheld@2x.png" alt="" style="width: 100%;" id="1010" onclick="javascript:imgsc(this);" />
				<div style="text-align: center;padding: 10px 0 10px 0;">
					<span style="font-size: 16px;">手持身份证 </span>
				</div>

			</div>
		</div>
		<div style="clear: both;"></div>
		<div style="margin-top: 5%;">
			<button class="am-btn" style="background: #0165C7;color: #fff;width: 100%;" id="sftj">提交</button>
		</div>
</body>
<script src="js/mobile/layer.js"></script>
<script src="js/iscroll-zoom.js"></script>
<script src="js/loading.js"></script>
<script src="js/lrz.all.bundle.js"></script>
<script src="js/jquery.photoClip.js"></script>
<script src="js/shiming.js"></script>

</html>